<div class="home-content-center">
  <div class="center-bar">
    {{title}}
  </div>
  <div class="home-tab">
    <span (click)="tabClick(1)" [class]="1 == select ? 'home-tab1' : 'home-tabs1'">百年品牌</span>
    <span (click)="tabClick(2)" [class]="2 == select ? 'home-tab1' : 'home-tabs1'">准百年品牌</span>
  </div>
  <div class="home-cont">
    <div class="home-lists">
      <ul>
        <li *ngFor="let brands of brandsLists let i = index">
          <img style="width: 1.3rem;margin: 0 .35rem;" *ngIf="i == 0" src="./assets/img/one.png">
          <img style="width: 1.3rem;margin: 0 .35rem;" *ngIf="i == 1" src="./assets/img/two.png">
          <img style="width: 1.3rem;margin: 0 .35rem;" *ngIf="i == 2" src="./assets/img/three.png">
          <span *ngIf="i >= 3" class="raking">&nbsp;{{i + 1}}&nbsp;</span>
          <img class="home-list-img" src="{{brands.logo}}">
          <span class="home-list-name">{{brands.name}}</span>
          <span *ngIf="params['state'] == 1" class="home-list-value">{{brands.Popularity}}人气</span>
          <span *ngIf="params['state'] == 2" class="home-list-value">{{brands.value}}万元</span>
          <span *ngIf="params['state'] == 3" class="home-list-value">{{brands.Charity}}万元</span>
          <span *ngIf="params['state'] == 4" class="home-list-value">{{brands.Support}}元</span>
          <span *ngIf="params['state'] == 5" class="home-list-value">{{brands.GProfit}}万元</span>
          <span *ngIf="params['state'] == 6" class="home-list-value">{{brands.Innovation}}创新力</span>
          <span *ngIf="params['state'] == 7" class="home-list-value">{{brands.Happiness}}%</span>
        </li>
      </ul>
      <p *ngIf="noMore" style="text-align: center;font-size: 14px">暂无更多数据...</p>
      <!--<button class="home-list-button">更多</button>-->
    </div>
  </div>
  <!-- <div *ngFor="let img of backIamge">
     <img src="{{imgUrl + img.img}}" alt="">
   </div>-->

</div>
